<template>
  <el-menu
    router
    mode="horizontal"
    background-color="white"
    text-color="#222"
    active-text-color="#9495c5"
    style="min-width: 1300px">
    <el-menu-item v-for="(item,i) in navList" :key="i" :index="item.name">
      {{ item.navItem }}
    </el-menu-item>
    <el-submenu index="">
      <template slot="title">通告管理</template>
      <el-menu-item v-for="(item,i) in navSubList" :key="i" :index="item.name">
        {{ item.navItem }}
      </el-menu-item>
    </el-submenu>
    <span
      style="position: absolute;padding-top: 15px;right: 10%;font-size: 25px;font-weight: bold;color: #9495c5">管 理 员</span>
  </el-menu>
</template>

<script>
export default {
  name: 'AdminMenu',
  data () {
    return {
      navList: [
        {name: '/admin/student_manager', navItem: '学生管理'},
        {name: '/admin/teacher_manager', navItem: '教师管理'},
        {name: '/admin/blacklist_manager', navItem: '黑名单管理'}
      ],
      navSubList: [
        {name: '/admin/notify_manager/discord', navItem: '发布通告'},
        {name: '/admin/notify_manager/table', navItem: '管理通告信息'}
      ]
    }
  }
}
</script>

<style scoped>

</style>
